<!--
 * @Description: 404页面
 * @Author: Zhanghan
 * @Date: 2024-11-20 21:25:43
 * @LastEditTime: 2024-11-21 16:48:49
 * @LastEditors: Zhanghan
-->
<template>
  <div class="error-page" >
    <ElEmpty description="抱歉，您访问的页面不存在"  :image-size="300">
      <ElButton @click="goDeafult">返回首页</ElButton>
    </ElEmpty>
  </div>
</template>

<script lang="ts" setup>
import { ref } from "vue";
import { ElEmpty, ElButton } from "element-plus";
import { useGo } from "@/hooks/usePages";
import { PageEnum } from "@/enums/PageEnum";

const go = useGo();

const goDeafult = () => {
  go(PageEnum.DEFAULT);
};
</script>

<style scoped lang="less">
.error-page {
    display: flex;
    align-items: center;
    justify-content: center;
}
</style>
